<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
    <p:layout fullPage="true">  
  
    <p:layoutUnit position="north" size="100" header="Top" resizable="true" closable="true" collapsible="true">  
        <h:outputText value="North unit content." />  
    </p:layoutUnit>  
  
    <p:layoutUnit position="south" size="100" header="Bottom" resizable="true" closable="true" collapsible="true">  
        <h:outputText value="South unit content." />  
    </p:layoutUnit>  
  
    <p:layoutUnit position="west" size="200" header="Left" resizable="true" closable="true" collapsible="true">  
     <h:form>  
              
    <p:growl id="messages" autoUpdate="true"/>  
  
    <p:panelMenu style="width:200px">  
        <p:submenu label="Ajax Menuitems">  
            <p:menuitem value="Save" actionListener="#{buttonBean.save}" icon="ui-icon-disk" />  
            <p:menuitem value="Update" actionListener="#{buttonBean.update}"  icon="ui-icon-arrowrefresh-1-w" />  
        </p:submenu>  
        <p:submenu label="Non-Ajax Menuitem">  
            <p:menuitem value="Delete" actionListener="#{buttonBean.delete}"  ajax="false" icon="ui-icon-close"/>  
        </p:submenu>  
        <p:separator />  
        <p:submenu label="Navigations" >  
            <p:submenu label="Links" icon="ui-icon-extlink">  
                <p:submenu label="PrimeFaces" icon="ui-icon-heart">  
                    <p:menuitem value="Home" url="http://www.primefaces.org" icon="ui-icon-home" />  
                    <p:menuitem value="Docs" url="http://www.primefaces.org/documentation.html" icon="ui-icon-document" />  
                    <p:menuitem value="Download" url="http://www.primefaces.org/downloads.html" icon="ui-icon-arrowthick-1-s" />  
                    <p:menuitem value="Support" url="http://www.primefaces.org/support.html" icon="ui-icon-wrench" />  
                </p:submenu>  
            </p:submenu>  
            <p:menuitem value="Mobile"  icon="ui-icon-signal"/>  
        </p:submenu>  
    </p:panelMenu>  
  
</h:form>  
    </p:layoutUnit>  
  
    <p:layoutUnit position="east" size="200" header="Right" resizable="true" closable="true" collapsible="true" effect="drop">  
        <h:outputText value="Right unit content." />  
    </p:layoutUnit>  
  
    <p:layoutUnit position="center">  
        <h:form>  
            This fullPage layout consists of five different layoutUnits which are resizable and closable by default.  
  
        </h:form>  
    </p:layoutUnit>  
        
        
  
</p:layout>  
    </h:body>
</html>

